<!DOCTYPE html>
<html lang="en">
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> form_serialize_submit </title>
 </head>
 <body>
  <form id="form1" method="post">
    <table border="1">
        <tr>
            <td>用户名：</td>
            <td><input type="text" name="loginName" />
            </td>
        </tr>
        <tr>
            <td>爱  好：</td>
            <td>
                <input type="checkbox" name="cbLoveYy" value="1" />游泳
                <input type="checkbox" name="cbLoveYx" value="1" />游戏
                <input type="checkbox" name="cbLovePs" value="1" />爬山
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center">
                <input id="btnAjaxSubmit" type="submit" value="jQuery.ajax提交" />
            </td>
        </tr>
    </table>
  </form>
  
  <script type="text/javascript">
    $(document).ready(function () {
        $("#btnAjaxSubmit").click(function () {
            var options = {
                url: 'async_submit_test1.aspx?action=SaveUserInfo',
                type: 'post',
                dataType: 'text',
                data: $("#form1").serialize(),
                success: function (data) {
                    if (data.length > 0)
                        $("#responseText").text(data);
                }
            };
            $.ajax(options);
            return false;
        });
    });
  </script>
 </body>
</html>